Return to previous page

Negative margin top causing top search bar to be covered (Mobile version)

This topic has 4 replies, 3 voices, and was last updated 4 years, 11 months ago ago by John Holden

  • Avatar: Wen Yen
    Wen Yen
    Participant
    January 18, 2020 at 09:16

    in the mobile version on certain pages, negative margin-top in .vc_custom CSS classes is causing the content area to overlap with the search box at the top

    Please, contact administrator
    for this information.
    #228502 Copied Theme version: 6.2.7 WooCommerce version: 3.8.1
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 18, 2020 at 10:25

    Hello,

    Go to Edit page > http://prntscr.com/qpemhh and http://prntscr.com/qpempw delete the “-15px”.
    Add this code in Theme Options > Theme Custom CSS > Global custom CSS:

    .tax-product_cat .site-header {
    margin-bottom: 15px;
}

    Regards

    #228507 Copied
    Avatar: Wen Yen
    Wen Yen
    Participant
    January 21, 2020 at 04:35

    for the global custom css, it worked for product category pages, thanks!
    any idea how i can make it work for brand and tag pages too?

    examples:
    http://www.motifculture.com/brand/ax-paris/
    http://www.motifculture.com/product-tag/dina/

    #228606 Copied
    Avatar: John Holden
    John Holden
    Support staff
    January 21, 2020 at 06:51

    Hi,

    Go to Theme Options -> Header Builder -> Main Header https://prnt.sc/qqkwg5

    Regards,
    Hung PD

    #228610 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.