Viewing 8 posts - 1 through 8 (of 8 total)
  • #225522
    goodtimesmag
    Member
    Post count: 191

    Hi support team,

    I am using a social sharing plugin an the share buttons are overlapping the header menu, as you can see here: http://goodtimesshop.de/

    1. Is is possible to use a css code to increase the margin on the left for desktops?

    2. How can I increase the top and bottom margin for the top menu?

    Many thanks for your help in advance!

    #225530
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Regarding your issues.

    1) Add the code below to your custom css option

    @media (min-width: 1200px){
        #header-section {
           margin-left: 30px!important;
        }
    }

    2) Do you mean the top menu bar in black or the top menu?

    -Rui

    #225533
    goodtimesmag
    Member
    Post count: 191

    Hi Rui,

    1. When I use the code I get a white space on the right.

    2. I mean the top menu.

    3. I also need the code to increase the left margin for the categoy name: http://goodtimesshop.de/produkt-kategorie/handschuhe-women/

    #225577
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Didn’t see any white area on the right but try this alternative code.

    @media (min-width: 1200px){
    #logo, .menu-top-menu-container {
        padding-left: 30px!important;
    }
    }

    2) Try the code below

    #top-bar {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    3) Add this code.

    .tax-product_cat .page-heading h1 {
        margin-left: 30px;
    }

    -Rui

    #225584
    goodtimesmag
    Member
    Post count: 191

    Thanks Rui,

    1. Perfect

    2. I want to increase the margins for the top men (the one under the logo). Do you have the right code for this section? And what can I do to keep these margins for the mini header (when scrolling down the page)?

    3. Perfect

    Many thanks for your help!

    #225647
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    #top-bar{
    height:50px !important;
    }
    .tb-right .tb-text{
    padding:11px 0px !important;
    }

    Thanks
    Mohammad

    #225656
    goodtimesmag
    Member
    Post count: 191

    Hi Mohammad,

    please have a look on the screenshots attached to see what margins I mean.

    Screenshot 1: I want to increase the marked margins.

    Screenshot 2: I want to increase the marked margins for the mini header (when scrolling down the page).

    Attachments:
    You must be logged in to view attached files.
    #225686
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    #header-section > #main-nav {
           margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    #mini-header{
    padding:10px 0px !important;
    }
    

    Thanks
    Mohammad

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.