Hey dennisveeken,

Please try the following in Quick CSS under Enfold–>General Styling:

@media only screen and (max-width: 767px) {
#top #header_main #menu-item-shop .cart_dropdown_link {
    height: 80px !important;
    line-height: 80px !important;
}
}

Thanks,
Rikard

Hey gerardbao,

Thank you for using Enfold.

Replace the css code with the following:

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
.avia_textblock.icon-offset {
    margin-top: -86px;
}
}

Best regards,
Ismael

Hey robertscott,

Thank you for using Enfold.

Disable the Enfold > Header > Header Behavior > Let logo and menu position adapt to browser window option. We can then adjust the top margin with css.

Best regards,
Ismael

Hi,

I would really really like to also have the product information/woocommerce tabs to go below in the area so that it is full width https://db.tt/AgYLiH7x like shown in this very old post https://kriesi.at/support/topic/moving-woocommerce-tabs-underneath-the-image-and-short-description-full-width/

I noticed you did not reply to them Ismael, I do want to try and have all the ‘single product view’ display tweaks in one ticket so I can re-use this on other client sites once I have it all working perfectly :)

Please review the thread again: https://kriesi.at/support/topic/moving-woocommerce-tabs-underneath-the-image-and-short-description-full-width/#post-352383

as the screen narrows the sidebar shrinks before it kicks to mobile as well. it does not behave the same way as the left main menu sidebar does.. this must be due to the ‘width: 25%’ https://db.tt/vT7PDacg and https://db.tt/imkpVQnN can we get it to behave the same way as the left side bar ? where it remains sticky to it’s size until it pops to mobile?

Increase the max-width viewport to 1024. This will force the sidebar to move underneath the content container earlier:

@media only screen and (max-width: 1024px) {
.responsive #top #main .sidebar {
    display: block;
    width: 100%;
}

.responsive .single-product-summary {
    width: 100%;
}
}

Best regards,
Ismael

Hi,

Ok, we will need to inspect the element on your page in order to give you accurate CSS, please post a link to your site if you should need any further help on the topic.

Regards,
Rikard

Hi,

Great, glad you got it working. Please post a link to the site in question if you should have any more problems on the topic.

Best regards,
Rikard

Hi @MarikaZoll,

Login details are not working anymore, could you check and repost please? Also, please note that each time you reply to your own topic it will be sent to the back of our support queue, please try not to do so if you need help urgently.

You mentioned this piece of code earlier: <div style=”text-align: justify;”>

Did you close it properly?

<div style=”text-align: justify;”>
Content of div
</div>

Regards,
Rikard

Hi,

If you’re having an issue with the update cart button, please refer to this link: https://kriesi.at/support/topic/woocommerce-2-6-2/#post-661885

Best regards,
Ismael

Hi,

Do you want to change the hover effect of the social icons? Please try this:

#top #wrap_all .social_bookmarks li:hover a {
    color: gray;
    background: transparent;
}

If you want to define different color for each icon, do something like this:

#top #wrap_all .av-social-link-facebook:hover a {
color: #37589b;
background-color: transparent;
}

#top #wrap_all .av-social-link-twitter:hover a {
color: #46d4fe;
background-color: transparent;
}

Best regards,
Ismael