NataliiaBobrova/aira-wordpress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobile styling updates, fix index and news page

Browse Source
This commit is contained in:
Nataliia Bobrova 2025-04-09 21:36:19 +00:00
parent 7feacffd5e
commit 4a81870dba
4 changed files with 74 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/js/custom.js
View File

@ -11,10 +11,10 @@ jQuery(function ($) {
// Create the correct menu
let innerContent = "";
sections.forEach(link => {
let itemTitle = link.querySelector("h2:first-of-type");
let itemTitle = link.querySelector("h2:first-of-type, h3:first-of-type, h4:first-of-type, h5:first-of-type, h6:first-of-type");
if (itemTitle) {
link.setAttribute("id", itemTitle.id)
let fullUrl = url.split("#")[0] + "#" + itemTitle.id;
link.setAttribute("id", itemTitle.innerText.replace(/\W/g,'_'))
let fullUrl = url.split("#")[0] + "#" + itemTitle.innerText.replace(/\W/g,'_');
innerContent += "<li><a href=\"" + fullUrl + " \" class=''>" + itemTitle.innerText + "</a></li>"
}
});

72
assets/scss/_bootscore-custom.scss
View File

@ -111,6 +111,20 @@
}
}
.is-home-featured-image {
height: 600px;
}
.is-home-featured-image img {
background-repeat: no-repeat !important;
width: auto !important;
height: 600px !important;
display: flex !important;
justify-content: end !important;
align-items: center !important;
}
/* Footer */
#footer {
@ -275,6 +289,7 @@ body:not(.wp-admin) .wp-block-group.team {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
}
@ -311,11 +326,8 @@ body:not(.wp-admin) .wp-block-group.team {
.team-member-bio {
display: none;
}
}
@include media-breakpoint-up(sm) {
body:not(.wp-admin) .wp-block-group.team {
grid-template-columns: repeat(2, minmax(0, 1fr));
@ -420,3 +432,57 @@ body:not(.wp-admin) .wp-block-group.team {
}
@include media-breakpoint-down(md) {
.home .container {
padding: 0;
}
.wp-block-heading {
margin-bottom: 0 !important;
}
#nav-main {
padding-left: var(--wp--preset--spacing--30);
padding-right: var(--wp--preset--spacing--30);
}
.wp-block-columns,
.wp-block-cover {
gap: 10px;
padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30);
}
.has-text-align-right {
text-align: center;
}
.wp-block-columns > .wp-block-column {
padding-top: var(--wp--preset--spacing--30) !important;
padding-right: 0 !important;
padding-bottom: var(--wp--preset--spacing--30) !important;
padding-left: 0 !important;
}
.is-style-fixed-height-272,
.is-style-fixed-height-400 {
height: auto;
}
/* Footer */
.bootscore-footer-columns,
.bootscore-footer-info {
padding: var(--wp--preset--spacing--30);
}
#footer .container {
padding: 0;
}
}
@include media-breakpoint-down(xl) {
.is-home-featured-image {
.wp-block-cover__inner-container {
display: block;
width: auto;
background-color: white;
padding: 10px;
p.has-text-align-right {
text-align: center !important;
}
}
}
}

2
index.php
View File

@ -36,7 +36,7 @@ get_header();
<div class="<?= apply_filters('bootscore/class/container', 'container', 'page-full-width-image'); ?> <?= apply_filters('bootscore/class/featured-full-width-img/container', 'h-100 d-flex align-items-end pb-3', 'page-full-width-image'); ?>">
<div class="<?= apply_filters('bootscore/class/full-width-img-title-wrapper', 'full-width-img-title-wrapper', 'page-full-width-image'); ?>">
<?php do_action( 'bootscore_before_title', 'page-full-width-image' ); ?>
<?php the_title('<h1 class="entry-title ' . apply_filters('bootscore/class/entry/title', '', 'page-full-width-image') . '">', '</h1>'); ?>
<h1 class="entry-title"><?php echo get_the_title($page_for_posts)?></h1>
<?php do_action( 'bootscore_after_title', 'page-full-width-image' ); ?>
</div>
</div>

2
page-templates/page-sidebar-none.php
View File

@ -27,7 +27,7 @@ get_header();
<div class="<?= apply_filters('bootscore/class/container', 'container', 'page-full-width-image'); ?> <?= apply_filters('bootscore/class/featured-full-width-img/container', 'h-100 d-flex align-items-end pb-3', 'page-full-width-image'); ?>">
<div class="<?= apply_filters('bootscore/class/full-width-img-title-wrapper', 'full-width-img-title-wrapper', 'page-full-width-image'); ?>">
<?php do_action( 'bootscore_before_title', 'page-full-width-image' ); ?>
<?php the_title('<h1 class="entry-title ' . apply_filters('bootscore/class/entry/title', '', 'page-full-width-image') . '">', '</h1>'); ?>
<h1 class="entry-title"><?php get_the_title(get_option('page_for_posts'))?></h1>
<?php do_action( 'bootscore_after_title', 'page-full-width-image' ); ?>
</div>
</div>