Shop Categories

X

Responsivity and Css Issues

Home Forums Agama Pro Responsivity and Css Issues

Topic Resolution: Resolved

Tagged: ,

  • This topic has 3 replies, 3 voices, and was last updated 5 years ago by Zex.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #6740
    alibi2017
    Participant

    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!

    #6759
    alibi2017
    Participant

    Any news on the issue?
    Cheers!

    #6814
    Jerry
    Keymaster

    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

    #6817
    Zex
    Moderator

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.