Forum Replies Created
-
Posts
-
Although this in theory answers my question but not exactly what I’m looking for. For instance the ratio is 3/4 banner and 1/4 content. Even on different screens, it will always be 3/4 banner and 1/4 content (unless too small where the mobile site kicks in). So the site has to be responsive. Perhaps I’m just asking for too much with this template.
Please see attached for rough mock up. Regardless of the resolution/device, I would like the layout to be the same.
— Edit —
I would like the banner and content to adjust accordingly to have the same look regardless of resolution or device. Currently right now each monitor displays the webpage differently. For instance sometimes the content is only shown when you scroll down or sometimes it shows more of the lower half of the page. I hope that makes sense.Hi Elliott,
My manager likes the 3 columns so I will try the Grid Row with 3 cells as suggested. However, I don’t think my original question is very clear. I guess I’m trying to get the banner and content (3 columns) to act as 1 page even when resized. Is there that possibility with this theme?I’ve changed both the text and icon to 18px but there’s still a gap. :(
.phone-info { text-align: center; font-size: 18px; } .phone-info .iconbox_icon { float: right; font-size: 18px; margin: 0; margin-left: 5px; }Currently the code you mentioned is changing the top bar to transparent as well. It’s also using the transparent header menu but switches to a different menu when I scroll down. I reverted back to the old code instead for the time being. Until my manager approves the design change, I’m going to leave it. Thanks though!
The icon is making top bar stretch roughly 2px lengthwise. Because of this, the header is now overlapping the banner. Can I make the icon a tad bit smaller?
Sorry to be a pain. Could the icon be positioned to the right? Also, if it’s not too much to ask, what code was added and where? I would like to transfer it to my live website once the changes have been approved. Thanks!
Sorry about that, just came back from weekend.
EDIT
It looks alright but not consistent with the masonry. The grey area is not equal spacing and it ends at the last item. Is there any way to make the area a color section so it’s a grey background throughout? Sorry, I know I’m asking of too much..I know it’s probably a situation of either the previous method or the suggested one but is there a way to remove the border around the images? Both methods still have that hairline border that the masonry grid doesn’t have.
After moving some content around in the footer, I was able to adjust it to my liking with left align. This topic can be closed. Sorry for the inconvenience!
My apologies, I found the solution here: https://kriesi.at/support/topic/fullwidth-masonry-gallery-image-loading-issue/
Add to the end of js/avia.js
jQuery(window).on('load', function(){ jQuery(window).resize(); });This problem was not specific to IE11 as it had the same result on Firefox.
Thanks for your quick response, haydaw! I have a rough understanding of PHP but willing to experiment. Would you be able to send me the code to (Email address hidden if logged out) ? Much appreciated!
I don’t mean to hijack this thread but I’m trying to get the same effect. I thought it’d be as simple as adding ?iframe=true to the end of the URL but that didn’t work. How do you append an iframe to a link?
Awesome, thanks!
function custom_post_grid_query( $query, $params ) { $query['orderby'] = 'name'; $query['order'] = 'ASC'; return $query; } add_filter( 'avia_post_grid_query', 'custom_post_grid_query', 10, 2);This worked for me. I just had to change the post slug name to sort my categories :)
