Responsivity and Css Issues

[alibi2017]

Hello!

I have noticed that in certain sizes in the mobile, or smaller, version of the website there are some responsivity issues, the menu does not allign with the content, I will leave a couple of screenshots so I can illustrate the Issue.

https://prnt.sc/h9wyjr
https://prnt.sc/h9wyrq
https://prnt.sc/h9wz16
https://prnt.sc/h9wz7j
https://prnt.sc/h9wzex

Also I’ve been having problem editing the CSS, on the main page I want to put the regular header as the other pages, I removed the Css that changed the menu color but there was no effect.

Thanks!

[alibi2017]

Any news on the issue?
Cheers!

[Jerry]

Hello alibi2017,

Please send us your website url so we can check what’s going on.

There could be many reasons why you have this strange responsitivity behaviour.

Best Regards

[Zex]

Hello, there!

I apologize for the delay, have missed your post…

I found that you have an installed “Simple Custom CSS and JS” plugin
which adds the code, which creates a problem with responsiveness.
I suggest you edit the custom.css file located at:
http://teste1.alibi.pt/wp-content/uploads/hm_custom_css_js/custom.css.

find the code:

@media only screen and (max-width:768px) {
 #player,.fallback,body,html,iframe {
  width:700px!important;
 }

and

@media only screen and (max-width:480px) {
 #player,.fallback,body,html,iframe {
  width:350px!important
 }

https://prnt.sc/hcvn4v

and change the width value to 100% in both cases.

https://prnt.sc/hcvnf4

then , open the Customize->General->Additional CSS, and remove the code below:

code

@media screen and (max-width: 992px){
body.home.page  #masthead .pull-left a{
 margin-left:43%;
}
}

https://prnt.sc/hcvotp

Best Regards

[Author]

Posts