Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #118323
    Amy Hamlet
    Participant

    When I view my site on my phone the right widget text is not centered under the main header, is there some way to adjust it to be centered?
    Using Catch Responsive Pro
    aph-design.com
    Thanks

    #118337
    tikaram
    Keymaster

    @aphdescomcast-net : It looks fine from our end. Please try clearing your browser cache and send the screen-shot if the issue continues. Please mention the model of your phone as well.

    Regards,
    Tikaram

    #118373
    Amy Hamlet
    Participant

    I think it’s actually the main header that’s not centered

    #118374
    tikaram
    Keymaster

    @aphdescomcast-net : can you please provide me the screen-shot and the model of the phone that you are using. It will help me to solve the issue.

    Regards,
    Tikaram

    #118375
    Amy Hamlet
    Participant

    iphone SE

    #118385
    Amy Hamlet
    Participant

    It looks like the main header is shifted over to the right a bit because of the menu, so it doesn’t look centered above the widget text. Maybe if the the widget text could be indented slightly it would look centered.

    #118493
    tikaram
    Keymaster

    @aphdescomcast-net : Go to Appearance => Customize => Additional CSS and add the following css.

    @media screen and (max-width: 767px) {
    	.sidebar-header-right p{
    	padding-left: 30px;
    
    }
    }

    Please put the css outside of

    /*
    You can add your own CSS here.
    Click the help icon above to learn more.
    */

    If you put the css inside, the css will not work. Make sure you put the css after it.

    Regards,
    Tikaram

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Header right widget not centered on mobile device’ is closed to new replies.