Okay
  Public Ticket #3771400
Setting for Button Layout in Mobile
Closed

Comments

  •  1
    mckeeusa started the conversation
    November 25, 2024 at 11:16pm

    Hello,

    Is there a way to arrange the buttons separately in mobile view from the desktop?

    Attached is a screenshot of the buttons arranged in the iphone 15 screen, 


    EDIT: I want to line up all the buttons horizontally in mobile view

    Attached files:  Desktp Button Layout.png
      Mobile Button Layout.png

  •  8,937
    Tahir replied
    November 26, 2024 at 4:34am

    Hey Again,

    Try reducing the margin left to 20px instead of 30px and check: 4962877448.png

     

    Best,

     

    ThemeNectar Support Team 

  •  1
    mckeeusa replied
    November 26, 2024 at 4:53pm

    Hi Tahir,


    Thanks for the info.  

    Yes, lowering the Right Margin helps the buttons fit in mobile view, this also causes the buttons to move in desktop view.

    Is there a way to seperate the margin in mobile and desktop views? or is there a way to select small button sizes for mobile while keeping large button size for desktop?


    I lowered the Right MArgin to 10px, but the buttons look too crowded in desktop .

    Attached files:  Screenshot 2024-11-26 at 8.51.47 AM.png

  •  8,937
    Tahir replied
    November 27, 2024 at 4:51am

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (min-width: 1000px) {
    a.nectar-button.large.regular.accent-color.regular-button {
        margin-right: 30px !important;
    }
}

    Thanks

    ThemeNectar Support Team