Is there any way to use a larger logo and adjust menu region?

  • Resolved xprt007

    (@xprt007)


    5 years, 6 months ago

    Hi there

    My current theme at that linked site is actually very good, but since the developer literally disappeared 2, 3 years ago, it has not been updated for years and there’s no support.

    Not only I have been looking around and have literally tested hundreds of themes, but have failed to get one that displays ALL my content, nearest to the current one. Somehow something is not correctly displayed.

    So today as I continued to try out new themes, I accidentally came across your excellent VW Fitness Gym and it is very first one I find in years to look like what I need, including the dark color scheme.

    The only problem is with the logo/menu region.
    The allowed logo size is too small. Is there anyway or code that allows using a larger logo? My current logo length is about 500px. I do not mind something a little bit shorter, but the current state is too small. Probably get the logo to occupy a higher position in that triangle or even possibly not having the triangle, but the logo right up and of longer dimensions like between 300 – 500px?

    Furthermore, although I could, if need be get rid of one menu element, is there anyway to get all menu elements at one level like with current theme, i.e. not 2 lines, probably like drawing the menu items closer?

    Another issue is the white menu background, which I would like to change to something darker, with or without a background.

    I’m not a coder, but if you could help and provide some code to use under Additional CSS to get a longer/larger logo and adjust the menu so all items fit on one line + menu region background + adjust menu text color, I would be very grateful.

    There might be instructions on this in the documentation, but I have not found them (yet).

    I would appreciate your help.

    Best regards

    • This topic was modified 5 years, 6 months ago by xprt007.
    • This topic was modified 5 years, 3 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter xprt007

    (@xprt007)

    One addition to above post:

    I was later quite surprised to note that the right sidebar disappears on ALL pages, including Contact, About us, bbpress, buddypress groups, etc, whereas it is there on the front, post pages and those generated by a recipe and web directory plugins.

    Is this intended and if not or if so, how can I get the sidebar on all pages?

    Regards

    Theme Author VW THEMES

    (@vowelweb)

    Hello @xprt007,

    For Logo

    Menus are coming in two lines that’s why the logo is not in proper triangle.

    For Menus

    It is the theme layout you can use menus as sub-menus.

    For White Background

    Change your color code instead of #fff and paste the bellow code in additional CSS

    #header {
    background: rgba(0, 0, 0, 0) linear-gradient(50deg, transparent 5%, #fff 0) repeat scroll 0 0;
    }

    For Right Sidebar

    Go to Dasboard >> Appearnace >> Customize >> VW Settings >> General Settings >> Page Sidebar Layout >> Select right sidebar >> publish it.

    Thanks.

    Thread Starter xprt007

    (@xprt007)

    Hi there

    Thank you very much for the response.
    Actually, => this screenshot shows my preferred appearance.

    In the first case, I have enabled the Max Mega Menu, the second without it. As you can see, somehow that red object even with the menu items on one line, it overflows downwards and as the second set of screenshots below show, I would prefer getting rid of it so the logo is on the same line as the menu and as large as possible. The current code forces the logo to be too far below and too small.

    I’m not a a coding expert, but have spent a long time looking at the CSS code of the header area and completely failed to see what creates this object, otherwise I would remove it, so that on the left of the menu, you have a larger logo as shown in the lower screenshots.

    Could you please help me make this adjustment? As said, I have done all I could

    • but cannot see in the css code how remove the object shown with arrows + purple circle
    • make the logo larger and be on the left of menu and on same line.

    I would be very grateful. This is what is remaining, as I have been able to customize other aspects of the theme with custom CSS.

    Thank you in advance and kind regards

    • This reply was modified 5 years, 5 months ago by xprt007.
    Thread Starter xprt007

    (@xprt007)

    Hi there

    Any help to above query, please?

    Kind regards

    Theme Author VW THEMES

    (@vowelweb)

    Hello xprt007,

    Go to Appearance >> Customizer >> Additional CSS and paste the below given CSS.

    .logo {
    border:none;
    position: absolute;
    width: 100%;
    background: #fb6935;
    text-align: center;
    }
    .logo-box{
    width:auto;
    position:static;
    }
    .logo-box img{
    width: 125px;
    position:static;
    }

    Thank You.

    Thread Starter xprt007

    (@xprt007)

    Hi there

    Many thanks for your support.

    Best regards

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Is there any way to use a larger logo and adjust menu region?’ is closed to new replies.