[Resolved] leader board ad 728*90 on desktop at top and on mobile.

[surendra1506]

Hi team I want to create an ad unit on top of the site. The logo to the left side and the 728*90 ad is on the right side.

The menu will be below them.

Also, I want it to show only on the desktop. For mobile, I want to display a 300*50 ad on top.

Thanks in advance.

Surendra Jadli

[David]

Hi there,

1. set the Customizer > Layout > Primary navigation -> Location to Below Header

2. Create a Hook Element to add your Banners:

https://docs.generatepress.com/article/hooks-element-overview/

2.1 This hook can contain both banners simply use a DIV and a CSS class to hide the relevant banners eg.

<div class="hide-on-tablet hide-on-mobile">
You desktop banner here
</div>
<div class="hide-on-desktop">
You mobile banner here
</div>

2.2 Set the Hook to: generate_after_logo

2,3 Set the Display Rules to the Entire Site

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[surendra1506]

1. set the Customizer > Layout > Primary navigation -> Location to Below Header

Hi David, I can’t see this option in my customizer. Please help

Surendra Jadli

[David]

OK, go to Customizer > Layout > Header and Disable the Navigation as Header option.
Then set the Customizer > Layout > Primary navigation -> Location to Below Header

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[surendra1506]

Thanks, David,

I got the desired result by implementing as you instructed.

one last thing I request you to please tell me how to get the ads to the right side.

Currently, it is too close to the site logo.

Surendra Jadli

[David]

Try adding this CSS:

.site-logo {
    margin-right: auto;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[surendra1506]

Thank you so much David.

My all problems are now resolved.

Thanks a lot for the quick reply and rectification.

Surendra Jadli

[surendra1506]

Thanks again

Surendra Jadli

[David]

Glad to be of help!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[surendra1506]

Hi David,

For Mobile view my site logo is coming above followed by primary navigation below it.

I want to keep site logo within primary navigation at the center and search icon to right.

please help me to achieve this.

Surendra Jadli

[Fernando]

Hi Surendra,

Can you share the link to the site in question?

You may use the Private Information field for this: https://docs.generatepress.com/?s=private+information

[surendra1506]

classmate4u.com

Surendra Jadli

[Fernando]

In Appearance > Customize > Layout > Header, can you first set the Mobile Header on, and add a logo. Once you’ve done that, let us know.

[surendra1506]

Hi Fernando,

I am done with as you instructed.

Surendra Jadli

[David]

Try adding this CSS:

@media (max-width: 768px) {
    #mobile-header .menu-toggle {
        order: -1;
        margin-right: auto
    }
    .menu-bar-items {
        margin-left: 39px;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts