Before you ask please READ THIS

Full width main image on page / "burger" icon opacity / sidebar on RTL

Hi
I have 2 questions.
1. Any image that I set as main image to page isn't makes full width "header" image as in your demo ( https://prnt.sc/hkijrh )
On my site it's always looks like this - https://prnt.sc/hkim73 (uploaded image's width is 1800px)
No meter - the preferences I choose or various image dimensions - the image always looks like it's in "boxed" layout (fullwidth is chosen in preferences).
http://photoemil.com/טסט2/
(I found that "images slider" Post media preference makes the right fullwidth image, but only when there're more than 1 image in slider. I don't want slider - I want just single full width image header as on your Demo pages)

2. Burger icon's (menu icon on mobile) opacity isn't set to 100% and isn't changes on bright/dark background - so it's disappears and no one see it (with slider under it, for example - http://photoemil.com ) How can I change it's appearance to make it "stand out"?

3. Is there any way I can place the sidebar of blog on the right side for RTL version of the site?
RTL version - http://photoemil.com/בלוג/
I need the main menu on one side - and the sidebar on opposite side like on
LTR ver. (must be "mirrored" in RTL) - http://photoemil.com/ru/блог/

Thanks in advance for your help!

Comments

  • Posts: 3
    3 questions )))
  • AirAir
    Posts: 10,970
    Hi Emil!
    Emil said: 1. Any image that I set as main image to page isn't makes full width "header"(...)
    This on you screen shot is done with Visual Composer. To redo it:
    1. Disable title bar for this page.
    2. Add Row in visual composer and set your image as background for it(Either as Parallax, or standard one in Design Options tab).
    3. In Row Stretch set Stretch row.

    See screen shot:
    image

    Emil said: 2. Burger icon's
    You can add custom CSS that will add shadow to it. Try adding this:
    #header-tools .tool::before {
        text-shadow: 0px 0px 1px #000;
    }
    You can try to increase this 1px value.

    Emil said: Is there any way I can place the sidebar of blog on the right side for RTL version of the site?
    RTL version - http://photoemil.com/בלוג/
    You probably mean on the left :-)
    You will have to edit code. Go to thirteen\advance\utilities\custom.php line ~338 and change:
    elseif ( $page_type['blog_type'] ) {
    	__inner_a13_set_sidebar_class( $mid_classes, $a13_apollo13->get_option( 'blog', 'blog_sidebar' ) );
    } //single post
    to
    elseif ( $page_type['blog_type'] ) {
    	__inner_a13_set_sidebar_class( $mid_classes, is_rtl() ? 'left-sidebar' : $a13_apollo13->get_option( 'blog', 'blog_sidebar' ) );
    } //single post
    With kind regards.
    screenshot-rifetheme.com-2017-12-08-11-53-39.png
    975 x 947 - 152K
  • Posts: 3
    Thanks for your help!

    1. Tried to "Disable title bar for this page." but it didn't worked. I still see featured image if it's set in page (page with these settings - https://prnt.sc/hm8jkw ) - http://photoemil.com/ru/сервисы/бар-бат-мицва1/

    2. It's looks very blurry and messy, can't be the right solution. I prefer 100% opacity or button with background.

    3. As I know this solution will lead to troubles in theme update. I think that buttons that set the side for sidebar on LTR must work also on RTL blog - it's not an future I'm asking to add - it's a bug of faulty RTL integration. Please make it possible to make this basic layout settings via normal theme's preferences!
  • AirAir
    Posts: 10,970
    Hello:-)
    Emil said: As I know this solution will lead to troubles in theme update.
    Well, not really, if you will add this change in child theme as explained here http://apollo13.eu/docs/thirteen/#!/modification_of_theme_changing_theme_functions you should be safe.

    This is best solution I can give you without creating new option in panel that will allow you to choose blog sidebar side dependent on language direction. We have such option for theme header as you probably know, cause you are using it.

    On normal pages, you can chose side of sidebar cause you have separate copy of such page with own settings. However I agree - you can't do it for blog page currently. I didn't want to do it automatic, cause some users decide to leave sidebar on same side, even when language is RTL.
    Emil said: 2. It's looks very blurry and messy, can't be the right solution. I prefer 100% opacity or button with background.
    Sure, full opacity custom CSS:
    #header-tools .tool::before{
        opacity: 1;
    }
    Emil said: Tried to "Disable title bar for this page." but it didn't worked. I still see featured image if it's set in page
    You are right, title bar is gone but featured image is displayed. Can you remove featured image then?

    With kind regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!