Top Bar pushing below main header down – CSS FIX?

Resolved braeden1
(@braeden1)

5 years, 2 months ago

Hello,
I have an issue regarding this plugin.
I’m currently using the Divi theme (Child theme: Clarity).

When I activate the top bar with icegram there is a white block of space that is added to below the main menu area but above the content area.

Example: https://gyazo.com/31237e22c0ebd83babd57a94939e433d

EXAMPLE OF SCROLLING: https://gyazo.com/728e357bf7ff2929d0dc1d25b4c5b287

I’d be very grateful if someone can help me with adding some custom CSS to fix these issues.

#ig_this_message .ig_headline{ }

P.S. [the #main-header z-index is 99,999]

Viewing 4 replies - 1 through 4 (of 4 total)

Aditya Shah
(@ethicaladitya)

5 years, 2 months ago

Hi @braeden1

I would be happy to help you on this. Could you please share your website URL with us. You could use our secure contact form https://www.icegram.com/contact

Best,
Aditya

Thread Starter braeden1
(@braeden1)

5 years, 2 months ago

Since I don’t have the plugin active, I’ve created a test page with the plugin active.
http://alchemyayurveda.com/test-page-1-icegram/

(trying to add css to not show secondary menu on this page)

delawaregrad
(@delawaregrad)

5 years, 2 months ago

I have the same issues.
The first I solved by removing the white block of space by removing the shadow
.ig_action_bar.ig_hello.ig_container {box-shadow:none!important;}.

Your link looks like a border is set and could be removed this way:
.ig_action_bar.ig_hello.ig_container {border-bottom:.2em solid #fff; }

The second issue, with the bar covering most of the navigation on scroll is a bigger problem. I don’t see a setting to not have it scroll. Unfortunately makes this unusable.
Aditya Shah
(@ethicaladitya)

5 years, 2 months ago
Hi,

I see that the complete webpage is shifted because of the Icegram campaign so that it looks good.

If you still want the page to shift upwards, please use the below-mentioned CSS.
```
body.et_fixed_nav.et_secondary_nav_enabled #main-header, body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header{
top: 0px;
}
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container{
    padding-top: 0px;
}
```
Hope this helps you.

Best,
Aditya Shah

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Top Bar pushing below main header down – CSS FIX?’ is closed to new replies.

Tags