Hi there,
first of all I have to say that your Vantage Theme is the best I´ve ever used.
I was so fascinated that I had to upgrade to the Premium Version.
It just works beautifully.
Now to my question:
I have 9 categories in my menu, all in one row. If I want to put a Logo into the menu, it splits in 2 rows (8 categories in the first,1 in the second). It´s a really small logo, so I need to extend the width of the menu bar. Because there is still a lot of space on the left and on the right of the menu bar. How can I extend the width of the menu bar, to get all categories in 1 row? Is it also possible to scale up the logo a bit?
Thanks and regards
Seba
URL: http://www.gyddo.com
Ok, I´figured it out by my self.
Changed row 849 in style.css as followed:
body.has-menu-search .main-navigation ul {
margin-right: 0px;
Originally it was 59px,
Hi gyddo
Glad to hear you’ve made progress here!
Changes via the editor will unfortunately be lost during theme updates so it would be best to make a copy of the selector you’ve edited and insert it under Appearance > Custom CSS.
Ref: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/
The other option would be to reduce the horizontal menu padding:
/* Menu Padding Horizontal */ .main-navigation ul li a { padding-right: 25px !important; padding-left: 25px !important; }Insert the above under Appearance > Custom CSS and change as required.
Hi Andrew,
thanks a lot. I´ll try this asap.
You are doing a great job!
For sure. Hopefully that’ll do the trick. Thanks for your support.
Ok, works fine without logo.But as soon as I put the logo in, there is this code popping up:
//<![CDATA[ (function(){var g=encodeURIComponent,h=window,k=document,l="width",m="documentElement",n="height",p="length",q=this,r=function(b,d){var a=b.split("."),c=q;a[0]in c||!c.execScript||c.execScript("var "+a[0]);for(var e;a[p]&&(e=a.shift());)a[p]||void 0===d?c[e]?c=c[e]:c=c[e]={}:c[e]=d};var t=function(b){var d=b[p];if(0<d){for(var a=Array(d),c=0;c=d.offsetWidth&&0>=d.offsetHeight)a=!1;else{c=d.getBoundingClientRect();var f=k.body;a=c.top+(“pageYOffset”in h?h.pageYOffset:(k[m]||f.parentNode||f).scrollTop);c=c.left+(“pageXOffset”in h?h.pageXOffset:(k[m]||f.parentNode||f).scrollLeft);f=a.toString()+”,”+c;b.b.hasOwnProperty(f)?a=!1:(b.b[f]=!0,a=a<=b.e[n]&&c<=b.e[l])}a&&(b.a.push(e),b.d[e]=!0)};w.prototype.checkImageForCriticality=function(b){b.getBoundingClientRect&&x(this,b)};r("pagespeed.CriticalImages.checkImageForCriticality",function(b){v.checkImageForCriticality(b)});r("pagespeed.CriticalImages.checkCriticalImages",function(){y(v)});var y=function(b){b.b={};for(var d=["IMG","INPUT"],a=[],c=0;c<d[p];++c)a=a.concat(t(k.getElementsByTagName(d[c])));if(0!=a[p]&&a[0].getBoundingClientRect){for(c=0;d=a[c];++c)x(b,d);a="oh="+b.i;b.c&&(a+="&n="+b.c);if(d=0!=b.a[p])for(a+="&ci="+g(b.a[0]),c=1;c=a[p]+e[p]&&(a+=e)}b.g&&(e=”&rd=”+g(JSON.stringify(z())),131072>=a[p]+e[p]&&(a+=e),d=!0);A=a;if(d){c=b.f;b=b.h;var f;if(h.XMLHttpRequest)f=new XMLHttpRequest;else if(h.ActiveXObject)try{f=new ActiveXObject(“Msxml2.XMLHTTP”)}catch(s){try{f=new ActiveXObject(“Microsoft.XMLHTTP”)}catch(B){}}f&&(f.open(“POST”,c+(-1==c.indexOf(“?”)?”?”:”&”)+”url=”+g(b)),f.setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded”),f.send(a))}}},z=function(){var b={},d=k.getElementsByTagName(“IMG”);if(0==d[p])return{};var a=d[0];if(!(“naturalWidth”in a&&”naturalHeight”in a))return{};for(var c=0;a=d[c];++c){var e=a.getAttribute(“pagespeed_url_hash”);e&&(!(e in b)&&0<a[l]&&0<a[n]&&0<a.naturalWidth&&0=b[a.src].k&&a[n]>=b[a.src].j)&&(b[e]={rw:a[l],rh:a[n],ow:a.naturalWidth,oh:a.naturalHeight})}return b},A=””;r(“pagespeed.CriticalImages.getBeaconData”,function(){return A});r(“pagespeed.CriticalImages.Run”,function(b,d,a,c,e,f){var s=new w(b,d,a,e,f);v=s;c&&u(function(){h.setTimeout(function(){y(s)},0)})});})();pagespeed.CriticalImages.Run(‘/mod_pagespeed_beacon’,’http://gyddo.com/’,’uS_dsfHQ4r’,true,false,’gpjiMR4Qb04′); //]]>
Logo
Any idea?
Adding or removing CSS shouldn’t induce a Javascript error like this. What you can try is the following:
1. Run any updates pending at Dashboard > Updates.
2. Temporarily de-activate all plugins and re-test. If the issue resolves then re-activate your plugins one by one, each time checking the problem.
3. Re-install the theme.