chemeridart

i switched the font size of the menu from 16 to 14. when it’s 14 it fits on one line. when 16 on my live site it doesn’t fit on one line (on chrome).

hmm… it is on firefox but not on chrome. i wonder why.

thanks for your input Erik

i understand it a better now; however, i’m trying to find a simple way to make @media (min-width 768px) display as @media (min-width 1200px) or (min-with 980px). does this make sense? i’m not sure what to put in {}.

so should you change the max-width then? and how?

thank you. thank you. getting rid of that coding helped everything. don’t know why i put it in there in the first place.

thanks!!!!

yikes that sounds a bit frightening. i didn’t know i did that. just been playing around with firebug and whatnot. would that be why the mobile version of my site is screwy?

Thanks!

whoops, spacing out a bit today. sorry.

meridamarston.us

thank you very much! that’s such a huge help!

thank you for your response!

great that helps a lot. the only thing i don’t have resolved is centering the text. it’s more apparent with the “resume” button. i tried adding “text-align: center”

this is the custom css i have:
.home-iconmenu a {
border-radius: 50%;
max-width: 70px;
margin: 0 auto;
}
.home-iconmenu a i {
font-size: 25px;
padding-top: 5px;
}
h4, h5, h6 {
margin-top: 0px;
margin-bottom: 5px;
}
h4 {
font-size: 13px !important;
text-align: center;
}

ok, sorry for all the posts. still trying to figure this out, but i think i understand what i’m looking for. hopefully this will be my last post ??

the modifications i’ve been making have been to the body. i’m looking for a way to designate coding for a particular element that has inherent coding from the body. do i look for an id, class, or what? i’m not seeing anything in the css of the element that would point to what i need.

from what i understand i need to find the id of the text i want to edit but the coding only clearly shows the class, which may be why i’m altering all text vs just the text i want?

firebug and chrome devtools are really helpful. i’ve looked through the snippets as well. however, i’m still confused as to how i can select one text widget over another. it seems that if i alter one i alter them all. i’ll keep poking around.

thanks. i know i’ve been clogging up this forum, sorry.

10tklz:

i used your code, but it isn’t responsive when resizing the site to a smaller scale. are you having this problem? if so how can i adjust for this?

.round-div { border-color: #0088cc;}

thanks!