Header - by Greencodedigital - on WordPress WooCommerce support

This topic has 12 replies, 2 voices, and was last updated 5 years, 2 months ago ago by Rose Tyler

  • Avatar: Greencodedigital
    Greencodedigital
    Participant
    January 17, 2019 at 18:42

    Header is very thick. i want to reduce the height without compromising logo height.
    please refer the screenshot. how do i remove extra padding market with yellow rectangle in screenshot

    https://www.dropbox.com/s/ypua688xnk728pj/Screenshot%202019-01-17%2023.09.22.png?dl=0

    11 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 18, 2019 at 08:15

    Hello,

    Theme Options > Header > Header styles > Header paddings http://prntscr.com/m8rdxr

    Regards

    Avatar: Greencodedigital
    Greencodedigital
    Participant
    January 18, 2019 at 09:58

    Did but still it’s same. you can check yourself

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 18, 2019 at 10:01

    Here it is – https://prnt.sc/m8sn9p Please clear cache and check one more time.

    Regards

    Avatar: Greencodedigital
    Greencodedigital
    Participant
    January 21, 2019 at 11:55

    menu is centered but still shifted right side, how do i fix it?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 21, 2019 at 13:02

    Hello,

    Please add this custom css code:

    .header-xstore .menu-wrapper {
        width: 100%;
        position:  absolute;
    }

    Regards

    Avatar: Greencodedigital
    Greencodedigital
    Participant
    January 21, 2019 at 13:15

    also this is my form code
    and this is how it looks.
    Must be some css issue with this version. How do i fix it?

    https://www.dropbox.com/s/89dyity8920kfhv/Screenshot%202019-01-21%2017.44.25.png?dl=0

    https://www.dropbox.com/s/s018eypdldlq33o/Screenshot%202019-01-21%2017.43.41.png?dl=0

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 21, 2019 at 14:36

    Change this code

    .form-medical input[type="text"], .form-medical input[type="email"] {
        background: transparent;
        border: 1px solid #98d5e7;
        width: 100%;
    }

    in Custom css for page area
    to

    .form-medical input[type="text"], 
    .form-medical input[type="email"],
    .form-medical input[type="tel"] {
        background: transparent !important;
        border: 1px solid #98d5e7;
        width: 100%;
    }

    Regards

    Avatar: Greencodedigital
    Greencodedigital
    Participant
    January 22, 2019 at 08:47
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 22, 2019 at 09:03

    Please change this code:

    .form-medical .wpcf7-email {
        margin-bottom: 40px !important;
    }

    to:

    .form-medical .wpcf7-email {
        margin-bottom:  0px !important;
    }
    .form-medical .wpcf7-submit {
        margin-top: 15px;
    }

    Regards

    Avatar: Greencodedigital
    Greencodedigital
    Participant
    February 11, 2019 at 11:34

    xstore demo images that i was using on my website (medical demo is not working)

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 11, 2019 at 11:37

    Hello,

    Please provide screenshots and links.

    Regards

  • Viewing 12 results - 1 through 12 (of 12 total)

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

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