Home Forums SEA WordPress Theme Margin/Padding of Logo

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #21979
    tidiuehara
    Participant
    Purchased
    Supported

    Hi,
    I am trying to move the logo a bit to the left to be more proportional to my logo, but I cannot find a way to custom adjust it.
    Can it be done by a custom CSS code?

    Thanks.

    #21980
    tidiuehara
    Participant
    Purchased
    Supported

    Hi, another questions.

    Is it possible to add an additional CSS to change some properties of the Menu Layout Mobile (the Mobile Layout with = symbol):
    2. change the vertical alignment from the center to the top. I want the menu items to show just under the X.
    3. change the background opacity to 0%. I want full transparency.
    4. delete the social icons from the bottom of the menu, as it is already shown beside the = symbol.
    5. change the length of the = symbol.

    the site I am building is ueharaarq.com.br

    Thank you.

    #21987
    SeaTheme
    Keymaster
    Purchased

    Hi,

    1. To move logo to left, It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:

    .logo-image {
        margin-left: -5px;
    }

    ps: Do you want the logo to align left with the main content? I suggest you re-upload a logo without a blank area, check the screenshot: https://www.dropbox.com/s/g5dpdcopv7hls1c/qq20200715-114314.jpg?dl=0

    2. Enter the custom CSS:

    #navi {
        display: block;
        margin-top: 40px;
    }

    3. CSS:

    #header, .menu-panel, .page_from_top.header-scrolled #header, .navi-show-h .navi-header .sub-menu {
        background-color: transparent!important;
    }
    @keyframes Opacity1to0 {
     
    	0% {
    		opacity: 1;
    		position: relative;
    	}
    
    	99% {
    		opacity: 1;
    		position: relative;
    	}
    
    	100% {
    		opacity: 1;
    		position: absolute;
    	}
    }

    4. Please disable in the Theme Options: Header/Header on Mobile/Show Social Links on Mobile
    Or by CSS:
    .menu-panel-bottom .socialmeida-mobile {display:none;}

    5. Do you mean the expanded menu height?
    If it is, CSS is:

    .menu-panel-inn { 
        min-height: 200px;
    }
    @media (max-width: 767px) {
    .responsive-ux .menu-panel-inn {
        height: 200px;
     }
    }

    Regards!

    SeaTheme – SeaTheme.netTwitterFacebook

    #22003
    tidiuehara
    Participant
    Purchased
    Supported

    thank you so much.

    Here is my feedback:

    1. I replaced the image for one without blanks on the sides. I also added the code, but at some point, the margin starts to cut my logo and squeeze it. So, I think it isn’t about the logo been move to the left by negative pixels, but move the margin of the header to the left. I want to move the margin of the header.

    2. That works flawlessly! Thank you.

    3. That also worked, thank you.

    4. Awesome!

    5. Sorry, I did not mean the expanded menu height but the symbol itself. To be able to change the “=” symbol’s width. I want the symbol to be a bit longer, but not thicker (if I increase the overall size, it will scale all the symbol). Is it possible?

    #22006
    SeaTheme
    Keymaster
    Purchased

    Hi,

    1. It doesn’t need the custom CSS if you upload the new logo(without blank area)

    5. Sorry, I still don’t understand this question. What’s the symbol? Could you paste a screenshot to explain it? Thanks

    Regards

    #22007
    tidiuehara
    Participant
    Purchased
    Supported

    * maybe I am using the wrong terms by using “margin”… I want to move my logo to the left side, without cutting it or squeezing it. I don’t need the logo to be aligned to the page content.

    #22008
    tidiuehara
    Participant
    Purchased
    Supported
    #22009
    SeaTheme
    Keymaster
    Purchased

    Hi,
    1. Please use the new custom CSS, it will not crop logo:

    .navi-logo  {
        margin-left: -20px; 
    }

    5. Please use the custom CSS:

    body:not(.show_mobile_menu) .navi-trigger-svg { 
        transform: scaleX(1.3);
    }

    Best

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!