Margin/Padding of Logo

[tidiuehara]

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.

[tidiuehara]

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.

[SeaTheme]

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.net – Twitter – Facebook

[tidiuehara]

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?

[SeaTheme]

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

[tidiuehara]

* 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.

[tidiuehara]

https://drive.google.com/file/d/1jLspWy_8SSWa1EVQbjAUiJ5qAJjoXAS4/view?usp=sharing

1. Logo does not show fully.
5. This icon/symbol.

[SeaTheme]

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

[Author]

Posts