Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • December 21, 2017 at 2:46 am #890967
    iisrael

    Hi,

    I am using a Full Width Sub Menu, but I want the buttons in the menu to begin in line with the main menu items above it. I have used margin-right to get the buttons to start more towards the center, but this applies to all the buttons, not just the farthest right button which I need. I have also used the Position: Relative attribute, but it moves the whole container to the left, leaving a blank space when you scroll up.

    Basically I need the full width with the background, but to have the buttons start from the right at a specific spacing (280px) from the right edge of the screen.

    Thanks in advance for your help.
    Ian

    December 21, 2017 at 2:48 am #890968
    iisrael

    Oh and one other note: I was able to do this successfully by moving the buttons individually, but I need to be able to do this for all buttons at once.

    Thanks again

    December 21, 2017 at 1:23 pm #891125
    Rikard

    Hi Ian,

    I’m not sure I understand what you mean, could you post a link to where we can see the element and try to explain a bit further please? A screenshot highlighting the changes you would like to make might help us understand better.

    Best regards,
    Rikard

    December 21, 2017 at 8:18 pm #891335
    iisrael

    Rikard,
    Thank you for reaching out. Here is the link to the screen shot:

    Sorry for the doodle notes on there, hard to write with a mouse :).

    I hope this helps you a bit. I want to move the buttons to the left, but I don’t want to move the whole element, to avoid a blank space on the right of the tool bar.

    Thanks,
    Ian

    December 21, 2017 at 8:19 pm #891337
    iisrael

    Hi,

    I didn’t see the link in the last post for some reason, so here it is again:
    http://www.sandbox800.campkeff.org/wp-content/uploads/2017/12/submenu-screenshot.jpg

    December 22, 2017 at 7:28 am #891495
    Rikard

    Hi Ian,

    Thanks for the screenshot, I’m not sure if that would be possible though. I had a look at the URL in private, but I couldn’t see the buttons there, where can we see the actual elements?

    Best regards,
    Rikard

    December 22, 2017 at 1:09 pm #891553
    iisrael

    Rikard,

    Thank you for getting back to me. I will send you a link and admin in pvt.

    Ian

    December 23, 2017 at 5:20 am #891789
    Rikard

    Hi Ian,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #sub_menu1 .container {
  max-width:1050px !important;
}

    Best regards,
    Rikard

    January 27, 2018 at 12:18 am #903582
    iisrael

    Rikard,

    I am sorry for the delay in this string. I was able to make it work “good enough”, however the code you provided didn’t make any changes.

    Thanks,
    Ian

    January 27, 2018 at 10:02 pm #903771
    Nikko

    Hi,

    I have added this css code in Quick CSS:

    .page-id-16492 #sub_menu1 .container {
    max-width: 1180px;
}

    Let us know if it helps.

    Best regards,
    Nikko

    January 27, 2018 at 10:19 pm #903779
    iisrael

    Nikko,

    This code is for a single page based on the page id used. However, this sub menu is used on most of the pages on my site, so I simply need to use a global css class.

    Ian

    January 27, 2018 at 10:29 pm #903791
    Nikko

    Hi Ian,

    Please replace .page-id-16492 to #top it should apply globally.

    Best regards,
    Nikko

    January 28, 2018 at 3:03 am #903837
    iisrael

    I added that code with #top, but no change to how the menu is displaying.

    January 29, 2018 at 5:15 am #904012
    Nikko

    Hi,

    Can you also post some links showing where it should be used?

    Best regards,
    Nikko

    May 2, 2018 at 9:52 pm #950321
    iisrael

    Hi,

    Sorry for the long delay, I was working on other projects. This has been resolved for the needs of the client.

    Thank you for your help as always.

    -Ian

    May 3, 2018 at 1:12 pm #950737
    Nikko

    Hi Ian,

    Glad to hear that. Feel free to comeback if you need further assistance :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘SubMenu Button Alignment’ is closed to new replies.