-
AuthorPosts
-
November 23, 2016 at 5:10 pm #716058
Hi guys,
Iv been trying to find the logo placement normally margin-right x
but I cant see it for the life of me.basically I want the logo to be right next to the menu. without effecting the size of the container.
RegardsNovember 23, 2016 at 5:14 pm #716063Hey corepart,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.container.av-logo-container { max-width: 1126px; }
Best regards,
YigitNovember 23, 2016 at 5:31 pm #716071Hi Yigit,
I think i may have explained my self wrongly. i have attached an image to explain better.
RegardsNovember 24, 2016 at 2:45 pm #716430Yigit, as you can see i have got it to be on the logo iv had to do margin-left 183px;
but when i shrink the page the menu overlaps the logo whats the best practice to stopping this happening?November 24, 2016 at 4:38 pm #716487Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
YigitNovember 24, 2016 at 6:16 pm #716538Have added the information for you.
November 28, 2016 at 3:33 pm #717811Hi,
if you want your logo right and menu left, then sipmly go to: “Enfold->Header->Header Layout->Menu and Logo Position” and choose “Logo left, Menu right”.
Best regards,
AndyDecember 6, 2016 at 3:40 pm #721078Hi Andy,
I want the logo to be basically right next to the menu as if its part of it.
i have tried but when the screen changes. i.e size it goes behind the menu etc i have tried some min-width etc but cant get it right.
link in privateDecember 7, 2016 at 6:05 pm #721620Hi,
as far as I can see it inside your source code, you’re using this code to control your logo:
div .logo { margin-left: 184px; }
Now add some media queries to control it on different screen sizes, like for example:
@media only screen and (max-width: 989px) and (min-width: 768px) { div .logo { margin-left: 150px; }}
For more information about it, refer to: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.