Return to previous page

Mobile search bar is truncated & top header isn't full width

This topic has 7 replies, 2 voices, and was last updated 4 years, 7 months ago ago by envyme

  • Avatar: envyme
    envyme
    Participant
    November 16, 2020 at 23:07

    I have two issues with my mobile header:
    1. Search bar doesn’t expand the full width
    2. The “promo text” bar in the top header doesn’t go edge-to-edge despite me having it as “full width”
    https://pasteboard.co/JAGwexL.png
    https://pasteboard.co/JAGxcWJ.png

    Thanks

    This is how my mobile setup looks:

    #259921 Copied Theme version: 7.1.2 WooCommerce version: 5.5.2
    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 17, 2020 at 09:48

    Hello,

    Thanks for using our theme.
    Could you provide temporary wp-admin access? Use Private Content area – https://prnt.sc/vklrj3

    Regards

    #259955 Copied
    Avatar: envyme
    envyme
    Participant
    November 17, 2020 at 21:47

    Provided.

    Please contact administrator
    for this information.
    #260106 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 18, 2020 at 09:20

    Hello,

    1) Try to add the search like here – https://prnt.sc/vj0uvf
    2) Try to disable all the third-party plugins, that do not come bundled with the theme https://www.8theme.com/documentation/xstore/plugins/included-plugins/ , and check how it works then
    or add the next code in Theme Options > Theme Custom CSS:

    .mobile-header-wrapper .header-top .et_column {
    padding: 0px !important;
}

    Regards

    #260139 Copied
    Avatar: envyme
    envyme
    Participant
    November 18, 2020 at 19:50

    1) The problem with search there is that it’s on show, when I wanted it to be click to show. Is there no way to have it in the main header as just the icon, then click to expand?
    2) I don’t have any other plugins installed but the code worked, thank you.

    #260278 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 19, 2020 at 14:20

    Hello,

    Is it solved https://prnt.sc/vm6fum ?

    Regards

    #260364 Copied
    Avatar: envyme
    envyme
    Participant
    November 19, 2020 at 22:25

    I figured out if you take it out of a connection block, it works.

    Thanks

    #260434 Copied
  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Mobile search bar is truncated & top header isn't full width’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Engineer Store – WordPress WooCommerce 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.