[Theme: Spun] Responsive function behaves oddly.

TMNR
(@tmnr)

13 years, 1 month ago

Hi,
I styled my main menu to be inline and centered, it works on 617px+ window size. However, when the window hits 616px mark, my change is overwritten by something and I cant figure out what (plus some other undesired properties are set). This is very strange, because in CSS, under =Responsive, there are only 3 marks (as it is common) – 1200px, 800px and 600px. When the page hits 600px width, it rearranges again, but the menu stays displayed wrong.

Please help me find what is causing this issue and how to style my menu past 617px and 600px. Also I would really like to know where is the trigger that takes effect at 617-616px.

Link: http://mududizainas.lt/mudu/

http://ww.wp.xz.cn/extend/themes/spun/

Viewing 7 replies - 1 through 7 (of 7 total)

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

13 years, 1 month ago

Why is there so much stuff in your Child Theme style.css file?

Thread Starter TMNR
(@tmnr)

13 years, 1 month ago

Because I modified allot of stuff. Why do you ask?

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

13 years, 1 month ago

It’s a lot harder to track down what you have done.
Please make it easier for us to identify the styles that aren’t working (at certain widths).

Thread Starter TMNR
(@tmnr)

13 years, 1 month ago

Sorry, I’m not very good at expressing what I need.

I cleaned up the code a bit, here’s the main issue:
When window is shrunk and passes 617px mark, something kicks in and changes things. Past 600px mark, it changes again, this time I know it’s the media query in original style.css supported by the same query in my child style.css. What happens between 600 and 617px?

The menu is being set to display: none;, according to firebug this is accomplished by line 560 in the original style.css, but why does it happen – I don’t understand.

WPyogi
(@wpyogi)

13 years, 1 month ago

Does the original Spun theme behave this way?

Thread Starter TMNR
(@tmnr)

13 years ago

Apparently.
http://spun-demo.calobeedoodles.com/
Past 617px the menu is converted to a small text menu button.
Then at 600px something happens again.

Thread Starter TMNR
(@tmnr)

13 years ago

I found a solution.
Not the prettiest one, since I did not want to make changes to main theme, hence the child-theme, but that will do.
In theme folder/js/toggle.js I deleted all the code under:

//Toggle the the main navigation menu for small screens.

That seemed to do the trick. Bot now when (if) I update the theme, I will have to deal with this again.

If you have any other, more clever, suggestions, please do share.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘[Theme: Spun] Responsive function behaves oddly.’ is closed to new replies.