Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 23, 2014 at 9:38 am #339974
    fuenos

    Hi,

    I normally use for responsive max width 480px 95% container and for max width 767px 90% container but after big update (3.0) my custom style codes don’t worked exactly. I am re-building my site now however some codes still don’t work as well as;

    .responsive .container { width: 90% !important; }

    Otherhand the columns (2/1-3/1-3/2-4/1-4/2-4/3-5/1-5/2-5/3-5/4) under 767px 100% content or container width, how can I change that the columns untill tablet sizes to mobile sizes stay/appear like desktop size or custom resizing like;

    3/1 columns over 550px width in own place (33.333%) 4/1 (25%) 2/1 and 4/2 (50%) and etc.

    In addition to my questions, I have found a bug; add a color section, custom size 100px choose the option small paddings than add av special heading width arrow border below, on page view the av special heading textes apper after the color section appear ca. 1-2 seconds! That happens only adding by custom size under 200px high!

    Thank you very much in advance

    Regards

    October 23, 2014 at 8:38 pm #340337
    Yigit

    Hey Erdogan!

    Can you post the link to your website please?

    Best regards,
    Yigit

    October 24, 2014 at 7:47 am #340485
    fuenos
    This reply has been marked as private.
    October 24, 2014 at 2:05 pm #340589
    Yigit

    Merhabalar Erdogan abi

    Benim iphone’da goz attim sitene ayrica tarayicinin boyutunu degistirdim fakat responsive layout’ta her hangi bir sorun goremedim – http://i.imgur.com/F23IDob.png
    Eger belli elementlerdeyse sorun hangileri olduklarini yazabilir misin?
    CSS kodunuda assagidaki gibi girmeyi dener misin

    @media only screen and (max-width: 769px) {
h2.av-special-heading-tag { font-weight: bold !important; }}

    Cheers!
    Yigit

    October 24, 2014 at 8:09 pm #340773
    fuenos

    Hi Yigit,

    thanks for your reply, I can’t change the container width this code doesn’t help me;
    .responsive .container { width: 90% !important; }

    and I wanna to change the column sizes/apparence, for example; 3/1 – 3/1 – 3/1 untill responsive media screen min width 500px should stay in its own size, like desktop (33,333%) than under 500px 100% content width as normal.

    For 4/1 I have used this code;

    @media only screen and (max-width: 767px) {
#my-section-id .av_one_fourth, .responsive .avia-content-slider-inner .av_one_fourth { width: 50% !important;} }

    and

    @media only screen and (max-width: 500px) {
#my-section-id .av_one_fourth, .responsive .avia-content-slider-inner .av_one_fourth { width: 100% !important;} }

    Regards

    Erdogan

    October 27, 2014 at 9:12 am #341376
    fuenos

    Hi,

    I just tried another simple code for smaller body text sizes on movile devices but doesn’t work again!

    I added custom font size while building the pages for some text blocks exp. 17px. Then I have tried this code;

    @media only screen and (max-width: 480px) { body { font-size: 14px !important; } }

    What is happening witdh Enfold? The codes befor big update of 3.0 biggest part of them don’t work exactly!

    Regards

    October 27, 2014 at 11:00 pm #341840
    Yigit

    Hey!

    Please use the code as following instead for container width

    .responsive .container { max-width: 90% !important; }

    and for column elements you have following code 

    @media only screen and (max-width: 767px) {
#hz .av_one_fourth, .responsive .avia-content-slider-inner .av_one_fourth {
width: 50% !important; }}

    Which does work fine. Please make sure that your codes are not interfering with each other when using !important rule and please do not forget to flush browser cache after applying custom CSS codes or making styling changes.

    Best regards,
    Yigit

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