Header problems after update
-
Hi Nobita – I’ve just updated to the latest version of raindrops. However, I seem to have three problems:
1) My header image is cut off at the top (even when I remove the top bar plugin)
2) The menu options are no longer spread neatly across the top, or to the left (and are not coloured consistently)
3) There is a large back space (maybe a relic from point 1?)Thanks so much
Cromerty
-
In addition – on the mobile site the left margin is pushing the text to the right, and the menus on the footer are no longer left justified
I fixed points 1 and 3 above using another solution you had posted. However, I still experience:
1) The menu options are no longer spread neatly across the top, or to the left (and are not coloured consistently)
2) on the mobile site the left margin is pushing the text to the right, and the menus on the footer are no longer left justified
3) Didn’t there used to be divider lines before and after the menu?
Hi hurra03
1) and are not coloured consistently
in the style settings for your site, found a funny setting
.raindrops-extend-archive.sticky-widget .eco-archive.by-month .item,.raindrops-extend-archive.sticky-widget .eco-archive.by-year .month,.yui-b .sticky-widget.widget_archive li,.yui-b .sticky-widget.widget_categories .cat-item,kbd,.sticky-widget #wp-calendar th,.sticky-widget #wp-calendar t#access .focus a,#access li:hover > ul,#access a {background-image: -ms-linear-gradient(top, #ededed, #d0d0d0); background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d0d0d0));This might have prevented the setting of the color scheme.
sticky-widget #wp-calendar t#accessI’m checked style rules at lib/csscolor.css.php but not exists such rules.
Please check lib/csscolor.css.php.
Customizer Menu control option has been moved from
Dashboard / Appearance / Customize , Menu
to
Dashboard / Appearance / Customize ,Presentation / Menu
It works correctory for me.
3) divider lines
Yes it used default, Maybe you can remove it by CSS
2) Please give me screenshot.
Thank you.
Hi Nobita –
1) I’ve not changed lib/csscolor.css.php file, so struggle to understand what I can do. The way the menus work seem to be that when Home is clicked, the About menu (which has sub menus) is also highlighted. If Listen is clicked, Listen is the only one highlighted.
2) I have tried deleting my custom CSS spreadsheet, but the menu divider lines above and below are not there still, and the above problem still exists.
3) For the screenshot, how do I post an attachment?
Thanks!!
Alternatively, please try to style overrides
Dashboard / Appearance / Customize
Advanced / Site-wide CSS
Paste below
/* over write menubar background */ #top #access{ background-image: -ms-linear-gradient(top, #ededed, #d0d0d0); background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d0d0d0)); background: -moz-linear-gradient(top, #ededed, #d0d0d0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d0d0d0'); color: #000000; } /*remove menu border at sub-menu , children*/ #access .menu .sub-menu, #access .menu .children, #access .menu .sub-menu li a, #access .menu .children li a{ border:none; }Please tell me the background of the ‘home’ ,’about’ the link is how to change
3) For the screenshot, how do I post an attachment?
example
install Full Page Screen Capture plugin for chrome browser.
save and upload your site.
tell me your attachment url.
Hi Nobita – great service as always!
1) Here are two links to my screenshots
http://tinypic.com/r/hvxvyq/9
http://tinypic.com/r/286viv5/9As you can see on iphone the body text is shunted over to the right.
2) The css fix above worked for the bottom of the menu, but the top of the menu still has no border.
3) When you are home screen, both the Home and the About tabs are highlighted. Only the Home tab should be highlighted.
4) You gave me some css previously to move the menu option to the left and to space them out a bit….this no longer works and I wondered if the name of the menu bar has been changed?
Thanks as always
C1) Sorry I cannot reproduce it
Please review your custom style
/*Set margin sizes on Pages and individual blog posts*/ .page #doc3 article, .home #doc3 article{ margin:10px 50px!important; }2) but the top of the menu still has no border.
Do border is necessary, rather than do not need?
3) When you are home screen, both the Home and the About tabs are highlighted. Only the Home tab should be highlighted.
I believe that it is normal that make this display.
WEBSite Home is correct.
WEBSite using static page is correct.
What’s the problem?
Do you need a link to the home at the home page?
I recommend
.home #access .home-link{ display:none; }Need:
dashboard / Appearance / Menus.Menu Structure , home
CSS Classes (optional)
Set home-link
4) I wondered if the name of the menu bar has been changed?
Menubar id classname, It maybe not changed
Hi –
1) Here’s the file showing how Home and About are both highlighted when Home is clicked
http://tinypic.com/r/2rrw0oj/9
2) Here is the link showing how just Videos is highlighted when Videos is clicked
http://tinypic.com/r/1zf4die/9I would think point (2) is how the menu should usually behave – ie just the current tab should be highlighted
1)’About’ is not normal static page,
‘About’ is Static Front Page
2)’video’ is normal static page.
Please think it slowly settled down
A-ha! Thanks so much!!! As always.you’re The Boss, Nobita !!!! xxx
The topic ‘Header problems after update’ is closed to new replies.
