A few questions

  • Author
    Posts
  • #66928

    Hi neeraga (and anyone else who can help)!

    My site is argardenshow.wordpress.com

    I want my navigation menu items to be centered rather than left justified. I accomplished this by adjusting the left margin of the div.menu_bar
    Looks good on a monitor, but almost completely cuts off on mobile. Should I go about this differently?

    If I upload images the same size as your top social icons, is it possible to redirect the image source using CSS? I need a Flickr icon, and do not need Twitter. Can I use the twitter fields and redirect for the image source?

    Can i reduce the amount of white space between the right widget sidebar and main page sections? I accomplished this as well, by adjusting margins. But, once again, it starts to cut off the edge in the mobile version.

    Thanks for your help!!!

    The blog I need help with is argardenshow.wordpress.com.

    #67077

    neeraga1
    Theme Author

    Hi tannerhuffmancreative,

    To center navigation menu and to reduce the amount of white space between the right widget sidebar and main page sections, put the code given below in custom css.
    This may resolve your problem.

    div#MainNav {
    margin: 0 auto !important;
    width: 65% !important;
    }
    @media only screen and (min-width: 767px) {
    .sidebar {
    padding: 0 0 25px 25px !important;
    }
    }

    And sorry, it is not possible to redirect the image source using CSS.
    We add more Social icons in next update.

    #67094

    Thanks so much for your help! These worked great. This theme is great!

    One more question-
    I have a graphic (I DIG ARKANSAS) placed with html into the “top right contact details” section under theme. I’m trying to CENTER this in the mobile theme. For desktop, I want it visually centered under the address link (it’s slightly off center now). Can you take a look at my CSS and please advise?

    Thanks so much!!!!!

    #67114

    neeraga1
    Theme Author

    Hi use this code, this may resolve your problem, if not please let me know.

    @media only screen and (max-width: 480px){
    .header .contactinfo{
    right:0 Important;
    }
    }
    
    @media only screen and (max-width: 767px) and (min-width: 480px){
    .header .contactinfo{
    right:12px Important;
    }
    }

The topic ‘A few questions’ is closed to new replies.