Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author marsian

    (@marsian)

    go to “Appearance” > “Customize” > “Layout Options” > “Additional Style” and paste the following lines of code and save. I will update the next version as well.

    @media (max-width: 999px) {
    
    	.iheader {
    		padding-top: 32px;
    		padding-bottom: 32px;
    	}
    	.iheader h1 {
    		font-size: 24px;
    		line-height: 32px;
    		padding-bottom: 12px;
    		display: block;
    		float: none;
    	}
    
    	.iheader .nx-breadcrumb {
    		float: none;
    		text-align: left;
    		line-height: 18px;
    		display: none;
    	}
    
    	.site .iheader {
    		overflow: hidden;
    		height: auto;
    		clear: both;
    	}
    
    	.site .iheader:after {
    		height: 1px;
    		clear: both;
    		content: "";
    	}
    }
    Thread Starter olchik_s

    (@olchik_s)

    Thanks for your reply!
    Now the theme looks good on a mobile device.

    Thread Starter olchik_s

    (@olchik_s)

    But I have a few problems.

    I-craft Theme has the set_post_thumbnail_size( 604, 270, true ).
    But I have images with standard WordPress sizes such as the medium 300x300px , thumbnail 150x150px.
    If I do not change the set_post_thumbnail_size, my pictures are cropped and look terrible.
    If I change set_post_thumbnail_size to (300,300, false) the theme uses thumbnail (150×150 pixels) and stretches it to 536х536 px on category page and to 532x532px on the home page.
    It looks a little better, but still not very good.
    Images in the slider stretched too.
    How I can fix it?

    Perhaps you would be better to make a choice for users, what size of images to use by default?

    And I have a second question.
    How can I use blog-columns style on the Category Archives page?

    Theme Author marsian

    (@marsian)

    let me try answer you one by one

    1. i-craft uses its custom size and uses aqua resize to resize images on the fly in some places, could you post url and if possible screenshots where you want the changes.

    2. i-craft has 2 listing style plus multiple custom style via tx shortcode. for theme style (default archive pages) go to “customize” > “Layout options” > “blog posts layout” and select any of 2 style.

    Hi!
    I use the excellent theme i-excel. Tell me how to remove the sticky menu on mobile ustroytvo, that it does not appear as you scroll?
    PS.
    Sorry for my English. I don’t know English well.

    Good, just saw the topic.
    waiting for the theme update ??

    copy-paste from the theme tutorial

    Hi Marsian,
    new wordpress user here and I really like your template, I’m using it with WooCommerce and I have a question about the “nx-breadcrumb” DIV.
    My root is like this: “NAMEOFTHEWEBSITE>STORE>CATEGORY>PRODUCTsNAME” and even if the “product’s name” is short, when on low resolution screen (“mobile mode”), the entire “nx-breadcrumb” go on a new line and because the text is white on white background what I see is a giant blank space between the “iheader” and the “product div”.
    Is there a way to just hide the “nx-breadcrumb” div when the website is displayed on low resolution screen (maybe a rule in the responsive css)?
    Sample images: https://i.imgur.com/C37avuM.jpg

    Is this a theme thing right? Or is a woocommerce thing? ??
    Thanks,

    magen

    Theme Author marsian

    (@marsian)

    Will try to add option to hide the breadcrumb on mobile device in upcoming version. for now you can add the following CSS in “Appearance” > “Customize” > “Layout Options” > “Additional Style”

    @media (max-width: 999px) {
    	.iheader .nx-breadcrumb {
    		display: none;
    	}
    }
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Display problem on mobil device’ is closed to new replies.