Tagged: ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 14, 2014 at 1:07 pm #278867
    500Webmaster

    Hi,

    Is there a way to place the Main Menu directly below the header section? If you look at our website (link provided below) you will notice that the menu is on the right and the Page Name and Navigation is beneath it. Where the Page Name and Navigation hint are is where we would like to place the menu. Is there any way to do this without doing any major CSS changes?

    Thanks

    June 16, 2014 at 6:04 pm #279600
    Yigit

    Hi 500Webmaster!

    Please go to Enfold theme options > Header Layout > Header Layout > Menu and Logo Position and adjust it

    Cheers!
    Yigit

    June 24, 2014 at 1:14 pm #282991
    500Webmaster

    Hi Yigit,

    Sorry for the obvious question – I looked there and completely missed that! However, is there a way to make that same menu spread out in such a way that it spreads out evenly across the width of the page, instead of only taking up a small section on one side? In other words, the menu – no matter how many tabs, or categories there are – would cover the whole width of the page?

    Let me know.

    June 24, 2014 at 1:33 pm #282998
    Yigit

    Hi!

    By increasing padding between menu items it is possible. But can you firstly choose to display that type of header so we can provide you more accurate custom CSS code?

    Best regards,
    Yigit

    June 24, 2014 at 2:15 pm #283027
    500Webmaster

    Hi Yigit,

    Alright will do, we are just reconsidering the titles for the Main Menu at the moment so when we’ve decided exactly what we want, I’ll publish it and then update you here again, if that’s okay?

    June 24, 2014 at 3:09 pm #283060
    Yigit

    Hi!

    Sure, we will be waiting to hear from you :)

    Cheers!
    Yigit

    July 3, 2014 at 4:13 pm #286717
    500Webmaster

    Hi Yigit,

    Thanks for your patience – the menus have been set so you can go ahead and get the code ready.

    Thanks!

    July 3, 2014 at 4:24 pm #286722
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 1140px) {
.av-main-nav > li > a { padding: 0 53px; }}
@media only screen and (min-width: 990px) and (max-width: 1139px) {
.av-main-nav > li > a { padding: 0 44px; }}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a { padding: 0 27px; }}

    Regards,
    Yigit

    July 4, 2014 at 12:28 pm #287144
    500Webmaster
    This reply has been marked as private.
    July 4, 2014 at 12:38 pm #287147
    Yigit

    Hey!

    It does work fine on my end – http://i.imgur.com/pZZKHUB.png
    Please flush browser cache and refresh your page a few times

    Cheers!
    Yigit

    July 4, 2014 at 1:07 pm #287161
    500Webmaster

    Will do, thanks!

    July 4, 2014 at 1:13 pm #287165
    Yigit

    Hey!

    You are welcome! Please check and confirm so we can mark the thread as resolved or assist you further :)

    Regards,
    Yigit

    July 4, 2014 at 1:25 pm #287176
    500Webmaster

    Hi Yigit,

    I can’t seem to view the changes on my laptop even after clearing the browser cache, but I can see the changes on my tablet, so it seems fine – hopefully it’s only stuck on my laptop for now! Thanks for all your help.

    July 4, 2014 at 1:35 pm #287178
    Yigit

    Hi!

    You are welcome. I am marking this thread as resolved for now. Feel free to start a new one if you have any other questions

    Regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Placing Menu Below Header’ is closed to new replies.