Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 27, 2014 at 3:35 pm #359021
    ITCJB

    Hi there! when i try to put an image left to the phone-info text it makes the whole container larger and the social media icons dont fit in the container anymore. it also makes the logo area and breadcrumb container smaller.
    here my screen:
    http://tweer-loesenbeck.webdemo.rechenzentrum-luedenscheid.de/wp-content/uploads/2014/11/screenshot-tweer-loesenbeck-webdemo-rechenzentrum-luedenscheid-de-2014-11-27-14-29-40.png
    here my custom css code:

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text:hover {
color: #ffffff;
background: #54648f;
}

.title_container .main-title { display: none;
 }

.title_container .breadcrumb { left: 53px;
}

#footer .social_bookmarks li {
clear: none!important;
}

.iconbox_icon:hover {
background: #ffffff !important;
color: #1d3a8f !important;
}

#top .av-parallax.avia-full-stretch {
background-size: contain !important;
}
#testbild {
height: 430px;
}
    November 28, 2014 at 12:47 am #359290
    Yigit

    Hey Patrick!

    Please add following code to Quick CSS as well

    .phone-info img { margin-top: -10px; }

    Regards,
    Yigit

    November 28, 2014 at 9:15 am #359458
    ITCJB

    Perfectly!!!

    November 28, 2014 at 1:06 pm #359536
    ITCJB

    I see another problem when i make the browser window smaller. the breadcrumbs disappear

    i have this in custom css

    .title_container .main-title { display: none;
 }
.title_container .breadcrumb { left: 53px;
}
#top .title_container .container {
min-height:30px !important;
padding: 0 !important;
margin:0 !important;
}
.phone-info img {
    position: relative;
    top: 7px;
margin-top: -10px;
}
.phone-info {
margin-left: -14px;
font-size:10px;
}
    • This reply was modified 10 years ago by ITCJB.
    November 28, 2014 at 3:52 pm #359597
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.responsive .title_container .breadcrumb { top: 5px; }}

    Best regards,
    Yigit

    November 28, 2014 at 4:04 pm #359605
    ITCJB

    nearly perfect. if i size the browser to the smallest width the breacrumb text get cut off

    November 28, 2014 at 4:10 pm #359611
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
#top .title_container .container { min-height: 50px !important; }}

    Cheers!
    Yigit

    November 28, 2014 at 4:20 pm #359616
    ITCJB

    ok that works ty

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘phone-info with image’ is closed to new replies.