Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #621731

    Hello, I haven’t been able to find anyone attempting to move the Header Phone Number/Extra Info bar that pops above the main menu to be below it instead. Is this a quick and easy fix?

    #622650

    Hi Mike!

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

    .phone-info { position: relative; top: 30px; }

    Regards,
    Yigit

    #623942

    Hi Yigit! Thanks for the response. I’ve tried adding that snippet of code to the Quick CSS and it ended up just moving the text, not the entire div.

    I’m trying to get the entire div header_meta that displays above header_main by default when you enable the Header Phone Number/Extra Info in Enfold Theme Options –> Header –> Extra Elements to be below header_main.

    I’ve created some screen shots to illustrate…I’m building this locally so I don’t yet have a link to the site I can share with you.

    I was able to move the div where I wanted using the Inspect Element tool, I’m just not sure how/where to edit our theme to achieve this.

    #625771

    Hi,

    try this code inside of Quick CSS field:

    div#header_meta {
    top: 130px;
    }
    

    and adjust as needed.

    Best regards,
    Andy

    #627903

    Hi Andy, worked great. Thank you!

    #629107

    Hi,

    Great, glad we could help :-)

    Cheers!
    Rikard

    #852277

    I entered the code and that worked great but now the menu dropdowns won’t work. Any ideas?

    #852774

    Hi SandraSquires,

    Exactly what are you looking to do? Please try to explain a bit further or post a screenshot of your intentions.

    Best regards,
    Rikard

    #853462
    This reply has been marked as private.
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Moving the small "Header Phone Number/Extra Info" bar above main menu to below’ is closed to new replies.