Center ad under menu

  • lalamums



    Im in the making of a new site and need some help, here is the site Rhodos guide

    I have an ad under the navigation bar..

    I would like to make the leaderboard be 1100px or if thats impossible i would like to center it with same apperance

    I tried the center html code but it doesnt look good because u see the background picture.. I dont want any space between the navigation bar and the slider.

    But the best solution would be to make the leaderboard more wide to 1100 px

    here is the code

    <script type="text/javascript" src=""></script>
    <script type="text/javascript">
    function main(){
    var snippet=new skyscanner.snippets.SearchPanelControl();

    <div id="snippet_searchpanel" style="width: auto; height:auto;"></div>

    Kenneth John Odle


    Try adding this to custom CSS

    #snippet_searchpanel {
    margin-left: auto;
    margin-right: auto;

    If that doesn’t work, add this before the above code:

    <div style="margin-left: auto; margin-right: auto;">

    and this after the above code:


    Moved to Support. Please post in the correct section next time.

    Put code in between backtick (


    ) characters. It’s usually located above the Tab key on your keyboard.



    Nothing happens?! the ad is still at the left side..


    Kenneth John Odle


    I gave you two possible solutions. Which did you try?

    Have you checked with the website that provided the code?



    I tried both, none of them made any difference.

    Maybe i explained bad, my english isnt the best. I will try to explain again.

    If you take a look at the website now.. between the navigation bar and the slider I have this skyscanner widget. There is two solutions that would make me happy, either of them would be good.


    If it is possible I want the widget to be 1100px so it is exactly the same width as the container with content and sidebar.

    2. If that cant be done by change or add something in the code I copied in my first post..

    I want the widget to be exactly as it is now, except that i want it to be in the middle and not left like it is now..

    Either of this two options would be good enough.

    I hope it can be done, please help me!

    Thanks and regards

    Prasanna SP

    #snippet_searchpanel {
    margin: 0 auto;

    will make it,




    Where do I put that code exactly?

    Prasanna SP


    Graphene Options –> Display –> Custom CSS or child-theme’s style.css



    When i put it in child theme my website crashed 😮

    Prasanna SP


    Where did you put the code in the child theme? That shouldn’t crash your site if you add that to style.css

    You can also put that code in custom css

Viewing 10 posts - 1 through 10 (of 11 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!