Tagged: , , , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 19, 2015 at 8:35 am #446239
    May 19, 2015 at 11:41 am #446345
    begrafiks

    Hi karennel ;
    tray with these codes :

    #2 : 

    .phone-info span .phonenb {  color: #F00;  background-color: rgba(255, 255, 255, 0.75);  padding: 5px 10px 3px;
  margin-right: 5px;  border-radius: 3px;}

    adjust it as you like

    #3 : It may work 

    /*Mobile Styles */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 1024px) {
  /* Add your Mobile Styles here */
.phone-info span .phonenb {  color: #F00;  background-color: rgba(255, 255, 255, 0.75);  padding: 5px 10px 3px;
  margin-right: 5px;  border-radius: 3px;}
}

    adjust it as you like

    #4 : change in your child theme css the width of “social bookmarks” to 30px (initially 50px) :

    #top .social_bookmarks li {width: 30px;}
    May 19, 2015 at 1:44 pm #446400
    karennel

    Thanks so much for the suggestions Begrafiks. I’ve managed to get the top menu looking much better and sorted out the social bookmarks with the following code:
    #top .social_bookmarks li {width: 25px!important;}

    I still need help with these issues pls
    1) When logo shrinks, it get 2 logos overlapped. I’ve got a full size and small size logo so when you arrive on the site, it shows the big logo, then when you scroll down it switches to a small version which is text only. But I end up with the big logo overlapping the small one instead of the big one disappearing when you scroll down.
    4) I have 2 social media icons on the top right and then there’s a gap so they’re not correctly aligned to the right of the screen. How can I get them placed correctly to touch the right page border?
    5) The left edge of the logo is not correctly aligned to the left edge of the text below it and it moves depending on what screen size you view the site on. How can I make sure the left margin is always the same for the logo and the text on the page below it?

    May 19, 2015 at 2:24 pm #446422
    begrafiks

    Hi karennel ;

    for #4 I’ve given the code.
    The Pinterest picto dosn’t cover all the width of the box so you see an empty zone (2 or 3px) on the right side.

    With these lines you can see the zone concerned

    #top .social_bookmarks li {
width: 30px;
background-color: #F00;
}
    May 20, 2015 at 12:14 pm #447052
    karennel

    Thanks Begrafiks, I sorted the social bookmarks and have ended up disabling the menu shrinking ability to avoid the overlapping logos. I’m still stuck with issue 5: Left edge of logo is not correctly aligned to the left edge of the text below it and it moves depending on what screen size you view the site on. How can I make sure the left margin is always the same for the logo and the text on the page below it? And, I’d also like the Questions? text above it to align the same way.

    May 20, 2015 at 1:33 pm #447083
    begrafiks

    Hi karennel ;
    Apparently you’ve fixed your “Maximum Container width” to 100% and
    the header the Header to “Let logo and menu position adapt to browser window
    If checked the elements in your header will always be placed at the browser window edge, instead of matching the content width”
    Therefore there is small difference between two “container” one in “header” the other one in “main”.

    You can try to minimize that difference with the code below.
    What I say here is not ABSOLUTELY safe, I’ve tried on my end it seems working.

    .container { padding: 0 2% !important;}
    May 21, 2015 at 6:33 am #447579
    karennel

    Hi Begrafix. I tried that but it didn’t work so I’ll live with it as is. But I’d really like to know how to align the left edge of Questions on top left above logo with the left edge of text in the main body please.

    May 21, 2015 at 9:23 am #447619
    begrafiks

    Hi karennel ;
    try this line :

    .phone-info span { padding: 0px 0px 0 0px !important; margin: 0px 0 0 0px !important; }
    • This reply was modified 9 years, 6 months ago by begrafiks.
    May 21, 2015 at 9:28 pm #448006
    Yigit

    Hey!


    @begrafiks     thanks for your help :)

    @karennel     If that does not work, please let us know!

    Best regards,
    Yigit

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